<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<script type="text/javascript" src="../lib/vue/vue.min.js"></script>
		<link href="../lib/mui/css/mui.min.css" rel="stylesheet" />
		<link href="../lib/iconfont/iconfont.css" rel="stylesheet" //>
		<link rel="stylesheet" href="../css/global.css" />
	</head>
	<style>

	</style>

	<body>
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-scalable power-bank-index-draggable ">
			<!--侧滑菜单部分-->
			<aside id="offCanvasSide" class="mui-off-canvas-left">
				<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="index-user" :style="'padding-top:'+((clientHeight * .2)/2 - 10)+'px'">
							<div class="index-user-info">
								<div class="index-user-info-image">
									<img v-if="isLogin"  :src="userInfo.avatar" />
									<img v-else src="https://iconfont.alicdn.com/t/1492487452112.gif@200h_200w.jpg" />
								</div>
								<div class="index-user-text" v-if="isLogin">
									<div class="index-user-text-name">{{userInfo.nickname}}</div>
									<div class="index-user-text-level">普通会员</div>
								</div>
								<div class="index-user-text" v-else>
									<div class="index-user-text-name">请登录</div>
									<div class="index-user-text-level"></div>
								</div>
							</div>
							<div class="index-user-info-menu">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-qianbao-copy"></i>我的钱包</li>
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-weibiaoti-"></i>我的订单</li>
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-youhuiquan"></i>我的优惠券</li>
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-guanyu"></i>关于我们</li>
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-huiyuan"></i>我的会员中心</li>
									<li class="mui-table-view-cell"><i class="power-bank-font pb-font-fankui"></i>意见反馈</li>

								</ul>
							</div>
						</div>
					</div>
				</div>
			</aside>
			<!--主界面部分-->
			<div class="mui-inner-wrap">
				<div class="amap-container" id="amapContainer"></div>
				<div class="power-bank-index-head" :style="'top:'+(immersed*1+5)+'px'">
					<div class="power-bank-index-face" id="showUserMenu">
						<img v-if="isLogin" :src="userInfo.avatar" />
						<img v-else src="https://iconfont.alicdn.com/t/1492487452112.gif@100h_100w.jpg" />

					</div>
					<div class="power-bank-index-ads">
						搜索位置查找附近的电力工厂
					</div>
				</div>
				<div class="power-bank-index-foot-btn power-bank-index-foot-circle" data-type="location" id="getLocationBtn"><i class="power-bank-font pb-font-dingwei"></i></div>
				<div class="power-bank-index-foot-btn power-bank-index-foot-circle" data-type="consult"><i class="power-bank-font pb-font-noun__cc"></i></div>
				<div class="power-bank-index-foot-btn power-bank-index-foot-circle" data-type="filter"><i class="power-bank-font pb-font-caidan"></i></div>
				<div class="power-bank-index-foot-btn power-bank-index-foot-main power-bank-action-btn" :style="'width:'+footBtnWidth+'px'" data-type="borrow"><i class="power-bank-font pb-font-saoma"></i>借</div>
				<div class="power-bank-index-foot-btn power-bank-index-foot-main power-bank-action-btn" :style="'width:'+footBtnWidth+'px'" data-type="repay"><i class="power-bank-font pb-font-saoma"></i>还</div>

				<div class="power-bank-index-foot-shop">
					<div class="power-bank-index-foot-shop-navigation" id="useSystemMap">
						<div class="power-bank-font pb-font-daohang"></div>
						<div class="power-bank-index-foot-shop-navigation-text">导航</div>
					</div>
					<div class="power-bank-index-foot-shop-info">
						<img class="power-bank-index-foot-shop-img" :src="chargePlaceSelectInfo.place_image" />
						<div class="power-bank-index-foot-shop-intro">
							<div class="power-bank-index-foot-shop-name">{{chargePlaceSelectInfo.name}}</div>
							<div class="power-bank-index-foot-shop-other">{{chargePlaceSelectInfo.start}}-{{chargePlaceSelectInfo.end}}</div>
							<div class="power-bank-index-foot-shop-other mui-ellipsis">{{chargePlaceSelectInfo.place_address}}</div>
						</div>
					</div>
					<div class="power-bank-index-foot-shop-support">
						<div class="power-bank-index-foot-shop-support-item">
							<i class="power-bank-font pb-font-anzhuo" v-if="chargePlaceSelectInfo.cabinetAndroidSum >0">有</i>
							<i class="power-bank-font pb-font-anzhuo" v-else>无</i>
						</div>
						<div class="power-bank-index-foot-shop-support-item">
							<i class="power-bank-font pb-font-pingguo" v-if="chargePlaceSelectInfo.cabinetIosSum >0">有</i>
							<i class="power-bank-font pb-font-pingguo" v-else>无</i>
						</div>
						<div class="power-bank-index-foot-shop-support-item">
							<i class="power-bank-font pb-font-shujuxian" v-if="chargePlaceSelectInfo.cabinetTypeCSum >0">有</i>
							<i class="power-bank-font pb-font-shujuxian" v-else>无</i>
						</div>
						<div class="power-bank-index-foot-shop-support-item">
							<span v-if="chargePlaceSelectInfo.slotNum > chargePlaceSelectInfo.useNum">可归还</span>
							<span v-else>不可归还</span>
						</div>
					</div>
				</div>
				<!-- off-canvas backdrop -->
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
	</body>
	<script src="https://webapi.amap.com/maps?v=1.4.8&key=77281af736a64bb8616c04ea4769fe9f&plugin=AMap.Walking"></script>
	<script type="text/javascript" src="../lib/jquery/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="../utils/App.js"></script>
	<script type="text/javascript" src="../utils/MapTransform.js"></script>
	<script src="../lib/mui/js/mui.min.js"></script>
	<script src="../utils/Http.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/index.js"></script>

</html>